<div class="container py-4 d-flex flex-column row-gap-2">
    <h6>{{- T "friendLinks" -}}</h6>
    <ul class="list-unstyled d-flex row-gap-3 column-gap-4 flex-wrap justify-content-evenly">
        {{- $currentLangCode := .Language.LanguageCode -}}
        {{- range .Site.Data.friendLinks -}}
            {{ $href := .url }}
            {{ $name := index .name $currentLangCode }}
            {{ $description := index .description $currentLangCode }}
        <li class="flex-grow-1 px-3 py-1 text-center border border-light border-opacity-10">
            <a class="link-light link-opacity-25-hover link-underline-opacity-0" href="{{ $href }}" target="_blank" title="{{ $description }}">{{ $name }}</a>
        </li>
        {{- end -}}
    </ul>
</div>